<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<html lang="zh-CN">
  
  <head>
    
    <%@ include file="/WEB-INF/include/meta.jsp"%>
    <%@ include file="/WEB-INF/include/css.jsp"%>
    
  </head>
  <!-- end header -->
  <body>
    <div class="page-group">
      <div class="page page-current">
        
        <header class="bar bar-nav fs-header-small">
          <a href="${ctx.host}/investigations" class="icon icon-left pull-left"></a>
          <h1 class="title">参与度调查</h1>
        </header>
        
        <div class="content" style="top: 2.2rem;">
          
          <div class="header-wrap" style="background-color: #fff; padding: .1rem 0;">
            
            <div>
              <div class="form-header">
                  <h3>其他小调查</h3>
              </div>
              
              <form class="" method = 'post'  action = '${ctx.host}/shop/health' >
              
              <input type="hidden" name="orderId" value="${param.order}">
              <input type="hidden" name="_method" value="PATCH">
              
              <div class="list-block health-bg">
                 <ul class="health-list">
                    <li class="headlt-list-title">您是通过哪个渠道得知人马君线上减脂营的？</li>
                    <c:forEach var="source" items="${enums['source']}">
                    <li>
                      <label class="label-checkbox item-content">
                        <input type="radio" name="source" value="${source}" ${participateInvestigation.source eq source ? 'checked' : ''}>
                        <div class="item-media">
                          <i class="icon icon-form-checkbox"></i>
                        </div>
                        <div class="item-inner">
                          <div class="item-title-row">
                            <div class="item-title">${source.description}</div>  
                          </div>
                        </div>
                      </label>
                    </li>
                    </c:forEach>
                    <li>
                      <div class="survey-descr submenu ${participateInvestigation.sourceRemarks != null ? 'active' : ''}" id="source" >
                        <textarea placeholder="请填写" name="sourceRemarks" data-message="请填写您得知减脂营的渠道">${participateInvestigation.sourceRemarks}</textarea>
                      </div>
                    </li>
                  </ul>
                  
                  <ul class="health-list">
                    <li class="headlt-list-title">您决定参加训练营的主要因素是什么？</li>
                    <c:forEach var="reason" items="${enums['reason']}">
                      <li>
                        <label class="label-checkbox item-content">
                          <input type="radio" name="reason" value="${reason}" ${participateInvestigation.reason eq reason ? 'checked' : '' }>
                          <div class="item-media">
                            <i class="icon icon-form-checkbox"></i>
                          </div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">${reason.description}</div>  
                            </div>
                          </div>
                        </label>
                      </li>
                    </c:forEach>
                    <li>
                      <div class="survey-descr submenu ${participateInvestigation.reasonRemarks != null ? 'active' : ''}" id="reason" >
                        <textarea placeholder="请填写" name="reasonRemarks" data-message="请填写您参加训练营的主要因素">${participateInvestigation.reasonRemarks}</textarea>
                      </div>
                    </li>
                  </ul>



                  <ul class="health-list">
                    <li class="headlt-list-title">您希望参加人马君后达到怎么样的效果？</li>
                    <c:forEach var="expectation" items="${enums['expectation']}">
                      <li>
                        <label class="label-checkbox item-content">
                          <input type="radio" name="expectation" value="${expectation}" ${expectation eq participateInvestigation.expectation ? 'checked' : ''}>
                          <div class="item-media"><i class="icon icon-form-checkbox"></i></div>
                          <div class="item-inner">
                            <div class="item-title-row">
                              <div class="item-title">${expectation.description}</div>  
                            </div>
                          </div>
                        </label>
                      </li>
                    </c:forEach>
                    
                    <li>
                      <div class="survey-descr submenu ${participateInvestigation.expectionRemarks != null ? 'active' : ''}" id="expectation" >
                        <textarea placeholder="请填写" name="expectionRemarks" data-message="请填写您希望参加人马君后达到的效果">${participateInvestigation.expectionRemarks}</textarea>
                      </div>
                    </li>                    
                  </ul>
                  <ul class="health-list older-student" style="border: 0px;">
                     <li class="headlt-list-title">老学员请填写</li>
                     <li>
                      <label class="fit-camp">
                        <span class="student-number"> 您之前参营学号：</span>
                        <input class="text-left" type="text" placeholder="请填写" name="camp" value="${participateInvestigation.camp}">
                      </label>
                    </li>
                    <li>
                      <label class="fit-camp">
                        <span class="student-name">您之前带营督教名字：</span>
                        <input class="text-left" type="text" placeholder="请填写" name="coach" value="${participateInvestigation.coach}">
                      </label>
                    </li>
                  </ul>

                  <div style="padding: 1rem;">
                      <a href="javascript:;" class="button button-fill button-big button-next button-submit">确认提交</a>
                  </div>
                </div>
                </form>
              </div>
            </div>

          </div>
          
        </div>
        
      </div>
    </div>
    
    <%@ include file="/WEB-INF/include/script.jsp"%>
    <d:resource type="script" root="${ctx.resource}/build" src="js/page/profile/investigation/participate-investigation.js" />
    <script type="text/javascript">
      var jsConfig = JSON.parse('${wechatJsConfig}')
      require(['page/profile/investigation/participate-investigation'], function(page) {
        page.init({
          jsConfig: jsConfig
        })
      })
    </script>
  </body>
</html>